html.dark {
  // 自定义暗黑主题变量
  --el-bg-color: #141414;
  --el-bg-color-overlay: #1d1e1f;

  // 布局相关
  .layout-container {
    .aside {
      background-color: var(--el-bg-color-overlay);
      border-right: 1px solid var(--el-border-color-light);

      .logo {
        border-bottom: 1px solid var(--el-border-color-light);

        span {
          color: var(--el-text-color-primary);
        }
      }
    }

    .header {
      background-color: var(--el-bg-color-overlay);
      border-bottom: 1px solid var(--el-border-color-light);
    }

    .main {
      background-color: var(--el-bg-color);
    }
  }
}

.dark {
  .login-header,
  .login-content,
  .copyright {
    background-color: var(--el-bg-color) !important;
  }
  .login-content .active,
  .user-info,
  .el-dropdown-menu__item,
  .el-button,
  .cell,
  .el-drawer .el-form-item__label,
  .el-input__inner,
  .el-button.el-button--primary,
  .el-radio__label,
  .el-breadcrumb__inner {
    color: var(--el-text-color-primary) !important;
  }

  .el-table th.el-table__cell .cell,
  .el-form-item__label,
  .reset-button,
  .el-pagination .el-input__inner {
    color: #000 !important;
  }

  .reset-button:hover {
    color: #fff !important;
  }
}
